<template>

	<div id="building">
		<div class="main">
			<h1 style="font-family: Helvetica Neue; color: #ff6700; ">欢迎来到美食网</h1>
			<el-button style="width: 200px; height: 40px; margin-top: 100px;" @click="toHome" type="primary">点击进入</el-button>
		</div>
		
	</div>
</template>


<script>
	export default {
		methods: {
			toHome() {
				this.$router.replace("/Home")
			}
		}
	}
</script>

<style>
	#building {
		background: url("../assets/img/background.jpg");
		width: 100%;
		height: 100%; 
		position: fixed;
		background-size: 100% 100%;
	}
	
	.main{
		text-align: center;
		border-radius: 20px;
		width: 300px;
		height: 350px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
</style>
